<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>登入</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="__PUBLIC__/layuiadmin/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="__PUBLIC__/layuiadmin/style/admin.css" media="all">
	<link rel="stylesheet" href="__PUBLIC__/layuiadmin/style/login.css" media="all">
</head>

<body>

	<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">

		<div class="layadmin-user-login-main">
			<div class="layadmin-user-login-box layadmin-user-login-header">
				<h2>tpadmin-pro</h2>
				<p>杨杰出品后台管理系统</p>
			</div>
			<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
				<div class="layui-form-item">
					<label class="layadmin-user-login-icon layui-icon layui-icon-username"
						for="LAY-user-login-username"></label>
					<input type="text" name="user_name" id="LAY-user-login-username" lay-verify="required"
						placeholder="用户名" class="layui-input">
				</div>
				<div class="layui-form-item">
					<label class="layadmin-user-login-icon layui-icon layui-icon-password"
						for="LAY-user-login-password"></label>
					<input type="password" name="password" id="LAY-user-login-password" lay-verify="required"
						placeholder="密码" class="layui-input">
				</div>
				<div class="layui-form-item">
					<div class="layui-row">
						<div class="layui-col-xs7">
							<label class="layadmin-user-login-icon layui-icon layui-icon-vercode"
								for="LAY-user-login-vercode"></label>
							<input type="text" name="vercode" id="LAY-user-login-vercode" lay-verify="required"
								placeholder="图形验证码" class="layui-input">
						</div>
						<div class="layui-col-xs5">
							<div style="margin-left: 10px;">
								<img src="{:U('Admin/Login/verify')}" class="layadmin-user-login-codeimg"
									id="LAY-user-get-vercode">
							</div>
						</div>
					</div>
				</div>
				<!-- <div class="layui-form-item" style="margin-bottom: 20px;">
					<input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
					<a href="" class="layadmin-user-jump-change layadmin-link"
						style="margin-top: 7px;">忘记密码？</a>
				</div> -->
				<div class="layui-form-item">
					<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
				</div>
				<!-- <div class="layui-trans layui-form-item layadmin-user-login-other">
					<label>社交账号登入</label>
					<a href="javascript:;"><i class="layui-icon layui-icon-login-qq"></i></a>
					<a href="javascript:;"><i class="layui-icon layui-icon-login-wechat"></i></a>
					<a href="javascript:;"><i class="layui-icon layui-icon-login-weibo"></i></a>

					<a href="" class="layadmin-user-jump-change layadmin-link">注册帐号</a>
				</div> -->
			</div>
		</div>

		<div class="layui-trans layadmin-user-login-footer">

			<p>© {:date('Y')} <a href="" target="_blank">tpadmin-pro</a></p>
			<p>
				<span><a href="" target="_blank">******</a></span>
				<span><a href="" target="_blank">******</a></span>
				<span><a href="" target="_blank">******</a></span>
			</p>
		</div>

	</div>

	<script src="__PUBLIC__/layuiadmin/layui/layui.js"></script>
	<script>
		layui.config({
			base: '__PUBLIC__/layuiadmin/' //静态资源所在路径
		}).extend({
			index: 'lib/index' //主入口模块
		}).use(['index', 'form'], function () {
			var $ = layui.$
				, form = layui.form

			form.render();

			//提交
			form.on('submit(LAY-user-login-submit)', function (obj) {

				//请求登入接口
				$.ajax({
					url: "{:U('Admin/Login/index')}",
					type: 'post',
					data: obj.field,
					success: function (re) {
						if (re.code == 0) {

							//登入成功的提示与跳转
							layer.msg('登入成功', {
								offset: '15px'
								, icon: 6
								, time: 1000
							}, function () {
								location.href = "{:U('Admin/Index/index')}"; //后台主页
							});
						} else {
							layer.msg(re.msg, { icon: 5 });
						}
					}
				});

			});


			$('body').on('click', '#LAY-user-get-vercode', function () {
				$('#LAY-user-get-vercode').attr('src', "{:U('Admin/Login/verify')}");
			});

		});
	</script>
</body>

</html>